<script setup>

import {ref} from "vue";
import Detail from '@/before-view/theCard/detail/index'
import Animation from '@/before-view/theCard/animation/index'
import Teleplay from '@/before-view/theCard/teleplay/index'
import Documentary from '@/before-view/theCard/documentary/index'
import Movie from '@/before-view/theCard/movie/index'
import Caricature from '@/before-view/theCard/caricature/index'
import Book from '@/before-view/theCard/book/index'

const activeTab = ref('mine')

</script>

<template>
  <div>
    <el-tabs v-model="activeTab" type="border-card">

      <el-tab-pane label="我的记录" name="mine">
        <Detail/>
      </el-tab-pane>


      <el-tab-pane label="动漫库" name="animation">
        <Animation/>
      </el-tab-pane>


      <el-tab-pane label="电视剧库" name="teleplay">
        <Teleplay/>
      </el-tab-pane>


      <el-tab-pane label="纪录片库" name="documentary">
        <Documentary/>
      </el-tab-pane>


      <el-tab-pane label="电影库" name="movie">
        <Movie/>
      </el-tab-pane>


      <el-tab-pane label="漫画库" name="caricature">
        <Caricature/>
      </el-tab-pane>


      <el-tab-pane label="书籍库" name="book">
        <Book/>
      </el-tab-pane>


    </el-tabs>
  </div>
</template>

<style scoped lang="scss">

</style>